*{
	margin: 0px;
	padding: 0px;
}

.menu-top{
	overflow: hidden;
}
.input-search{
	width: 20%;
}
/*左侧导航*/
.menu-left{
	float: left;
	width: 15%;
	margin-top: 61px;
}
.menu-list-group>li{
	width: 100%;
}
.nav-first{
	text-align: center;
	border-bottom: 1px dashed #080808;
	
}
.nav-first>a{
	text-decoration: none;
	color: #ADADAD;
}
.nav-second{
	background: white;
	display: none;
	border: 1px solid #DDDDDD;
	width: 300px;
	position: absolute;
	margin-top: -40px;
	text-align: left;
	z-index: 2;
	background-color: #080808;
	border: 1px solid #080808;
}
.nav-second table tr td>a{
	color: #ADADAD;
	text-decoration: none;
	margin-left: 15px;
}
.nav-second table tr td>a:hover{
	color: orange;
}
.nav-second table tr>td{
	width: 33%;
	height: 50px;
}
/*左侧导航*/
/*右边展示top*/
.menu-right{
	overflow: hidden;
	margin-top: 61px;
	width: 100%;
	float: left;
}
.menu-right-center{
	overflow: hidden;
	width: 100%;
}
.menu-right-bottom{
	overflow: hidden;
  float: left;
}
    .swiper-container{
    	float: left;
        width: 100%;
        height: 210px;
        z-index: 1;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #222222;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-container-bottom{
    	width: 100%;
    	height: auto;
    }
    .menu-right-bottom{
      width: 100%;
    	margin-top: 15px;
    }
    .swiper-container-top>div>div>a{
      width: 100%;
    }
    .swiper-container-top>div>div>a>img{
    	width: 100%;
    }
    .swiper-container-bottom>div>div>img{
    	width: 100%;
    }
    .nav-first{
    	background-color: #222222;
    	border: 1px solid #171717;
    }
    .menu-list-group>li:hover{
    	background-color: #080808;
    	border-right-color: #080808;
    }
    .menu-right-right{
      margin-left: 30px;
      float: left;
      width: 30%;
    }
    .menu-right-right ul li{
      background-color: #171717;
      color: #ADADAD;
      border-color: #171717;
    }

/*右边展示top*/
/*footer*/
    #footer{
    	width: 100%;
    	float: left;
    }
    footer .container p>a{
    	text-decoration: none;
    	color: #ADADAD;
    }
    footer .container p>a:hover{
    	color: orange;
    }


    /*订单*/
    /*order-right*/
   .order-right{
   	float: left;
   	width: 98%;
    height: auto;
   	margin-top: 61px;
   }
   .order{
   	width: 100%;
   	height: auto;
   	color: #ADADAD;
   	border-color: #080808;
   }
   .order-position{
   	width: 30%;
   	padding-top: 20px;
   	padding-left: 20px;
   	padding-bottom: 20px;
   }
   .order-position>img{
   	width: 100%;
   }
   .order-name{
   	width: 30%;
   	padding-left: 6%;
   	font-size: 20px;
   	font-weight: bold;
   }
   .order-price{
   	width: 30%;
   	font-size: 20px;
   }
   .order-swiper-container{
    height: 800px;
   }
   .order-left{
    margin-top: 20px;
    float: left;
    width: 95%;
    margin-left: 10px;
   }
.order-left-name{
  width: 20%;
}
.order-left-price{
  width: 10%;
  padding-left: 30px;
}
.order-left-num{
  width: 10%;
  text-align: center;
  padding: 0px;
}
.order-left-del{
  width: 20%;
  padding-left: 30px;
}
.order-left ul>li{
  background-color: #222222;
  color: #ADADAD;
  border-color: #171717;
}
.input-num{
	/*background-color: #222222;
	border-color: #171717;*/
}
.list-group-intro>a{
  background-color: #222222;
  border-color: #171717;
    color: #ADADAD;
}
.about{
  color: #ADADAD;
}
.list-group-intro>a:hover{
  background-color: #080808;
}
.jumbotron{
  color: #ADADAD;
  background-image: url(../img/bg.jpg);
}
.chashier-orders{
	margin-top:150px;
	float: left;
	width: 65%;
	margin-left: 2%;
}
.chashier-orders div ul li{
	background-color: #222222;
	color: #ADADAD;
	border-color: #171717;
}
.chashier-orders-state{
	margin-top: 150px;
	margin-left: 10%;
	width: 15%;
	float: left;
}
.chashier-orders-state div>a:hover{
	background-color: #080808;
	color: white;
}
.chashier-orders-state div>a{
	background-color: #222222;
	border-color: #171717;
	color: #ADADAD;
}
.chashier-order-detail{
  display: none;
}
.first-title{
  font-size: 20px;
}
.food-back-right{
  width:70%;
  float: left;
  margin-top: 61px;
  margin-left: 15px;
}
.food-back-right ul li{
  background-color: #222222;
  color: #ADADAD;
  border-color: #171717;
}
.back-left-num{
  width: 15%;
}
.back-left-name{
  width: 20%;
}
.back-left-price{
  padding-left: 15%;
}
.back-left-id{
  width: 10%;
}
.food-back-reason{
  width: 100%;
  height: 150px;
  font-size: 20px;
}
.register-next{
  width: 270px;
  margin-left: 40%;
  position: absolute;
}
.register-input{
}
.register-input input{
  width: 100%;
  height: 50px;
  border: 4px solid transparent;
}
.register-btn{
  margin-top: 30px;
  font-size:20px;
  font-weight:bold;
}
.chashier_desk{
  margin-top: 100px;
  margin-left: 10%;
  width: 80%;
}
.chashier_desk .row div{
    padding: 20px;
  height: 100px;
    font-size: 25px;
      border: 6px solid #222222;
      cursor: pointer;
}
.close-desk{
  color: #9D9D9D;
}
.open-desk{
font-size: 25px;
  color: white;
  background-color: #4169E1;
}
.notPay table tr td{
	border-top: 1px solid #171717;
}






/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px){
	.menu-left{
	float: left;
	width: 10%;
	margin-top: 61px;
}
	.menu-right-center{
		width: 100%;
	}
	.menu-right{
	overflow: hidden;
	margin-top: 61px;
	width: 88%;
	float: left;
	margin-left: 15px;
}
	    .swiper-container{
	    	width: 100%;
            height: 345px;
	}
        .swiper-container-bottom{
    	height: 96px;
    }
    .order-left{
    margin-top: 61px;
    float: right;
    width: 38%;
    margin-right: 20px;
   }
   .order-right{
    float: left;
    width: 45%;
    height: auto;
    margin-top: 61px;
    margin-left: 15px;
   }
   .order-left{
    margin-top: 61px;
    float: right;
    margin-right: 20px;
   }
   .swiper-container-order{
  height: 520px;
    }
    .order-left-btn{
    	padding-left: 50%;
    }
    .order-price{
    	padding-left: 0px;
    }
    .order-left-num{
      width: 14%;
    }
    .order-left-price{
  width: 8%;
  padding-left: 20px;
}
.chashier-orders-state{
  margin-top: 150px;
  margin-left: 2%;
  width: 15%;
  float: left;
}
.chashier-orders{
  margin-top:150px;
  float: left;
  width: 80%;
  margin-left: 2%;
}
.food-back-right{
  width: 70%;
  float: left;
  margin-top: 61px;
  margin-left: 15px;
}
}


@media (min-width: 992px) {
	.menu-list-group>li{
	font-size: 20px;
	width: 100%;
}
		   .swiper-container{
	    	width: 100%;
            height: 460px;
	}
	       .swiper-container-bottom{
    	height: 138px;
    }
            .order-left{
    width: 40%;
}
.swiper-container-order{
  height: 610px;
    }
        .order-left-btn{
    	padding-left: 56%;
    }
    .order-position{
      width: 35%;
    }
    .order-name{
      width: 20%;
      padding-left: 0px;
    }
    .order-price{
      width: 20%;
    }
    
}

@media (min-width: 1200px) {
	.menu-right-center{
	overflow: hidden;
	width: 66%;
}
		.swiper-container{
        height: 400px;
    }
      .swiper-container-bottom{
    	height:176px;
    }
    .swiper-container-order{
      height: 589px;
    }
        .order-left{
    width: 36%;
  }
  .order-right{
    width: 50%;
  }
  .food-back-right ul li table tr td{
  border-top:1px solid #171717;
  }
  .food-back-right ul li{
   border-top-width: 0px;
  }
  .food-back-right{
  width: 80%;
  float: left;
  margin-top: 61px;
  margin-left: 15px;
}

}